<template>
    <el-form ref="item" :model="item" label-width="165px" :label-position="labelPosition" style="margin-left:5%">
        <el-form-item label="本金 ：">
            <span>{{item.declarePrincipal}}</span>
        </el-form-item>
        <el-form-item label="利息 ：">
            <span>{{item.declareInterest}}</span>
        </el-form-item>
        <el-form-item label="违约金等其他金额 ：">
            <span>{{item.declareOther}}</span>
        </el-form-item>
        <el-form-item label="合计 ：">
            <span>{{item.declareTotal}}</span>
        </el-form-item>
        <el-form-item label="债权形成过程 ：">
            <span>{{item.declareProcess}}</span>
        </el-form-item>
        <el-form-item label="需要特别说明的情况 ：">
            <span>{{item.declareNote}}</span>
        </el-form-item>
    </el-form>
</template>

<script>
    export default {
        data () {
            return {
                labelPosition: 'left'
            }
        },
        methods: {},
        props: [
            'item'
        ],
        mounted () {
        }
    }
</script>

<style scoped>
    .el-form-item span {
        float: right;
        margin-right: 25%;
    }

    .el-form-item {
        margin-bottom: 10px;
    }
</style>
